草庐IT

鼠标拖动绘制矩形pointer-events: none

全部标签

javascript - 在缩放/拖动时缩放/重绘 d3.js 网格线

我昨天才开始使用d3.js,但在完成我的工作时遇到了一些麻烦。现在我创建了一个带有两个y轴的图表,每个显示一些值,x轴显示日期。点击y轴上的值,我会显示相应的水平网格线。我的问题是,在放大或缩小或拖动时,网格线(水平和垂直)无法根据轴值正确缩放,它们根本就不动。我今天下午进行了很多搜索,找到了一些如何执行此操作的示例,但它们似乎都不适用于我已有的代码。我想,应该将逻辑添加到缩放行为中,但我不确定//xaxisgridlinesfunctionmake_x_gridlines(){returnd3.axisBottom(x).ticks(5)}//addtheXgridlinesletx

javascript - 如何使用 Angular 2/4 的鼠标滚轮事件测试指令

我有一个带有鼠标滚轮事件的指令,它用于放大和缩小Canvas。我想知道如何为此类事件编写单元测试。我在网上找不到任何示例,谁能给我指出正确的方向?我的指令:import{Directive,ElementRef,HostListener}from"@angular/core";import{MyService}from"./my-service";@Directive({selector:"[testDirec]"})exportclassTest{privateinitPointX:number;privateinitPointY:number;constructor(private

javascript - 如何使用 TypeScript 将拖动事件处理程序附加到 React 组件

我正在使用TypeScript(2.4.2)首次涉足React(15.6.1),我正在尝试创建一个组件来表示可拖动的JSON字段。这是我的组件代码:import*asReactfrom"react";interfaceJsonFieldProps{name:string;type:string;indent:number;}exportclassJsonFieldextendsReact.Component{marginStyle={'text-indent':`${this.props.indent*15}px`};render(){return{this.props.name}:{

javascript - 一个列表项而不是所有列表项的 ReactJS 悬停/鼠标悬停效果

我是React新手,所以这可能看起来很简单,也可能不是,我不确定。我正在建立一个基本的待办事项列表。我希望列表项上的鼠标悬停效果弹出“删除此”文本。但是到目前为止,对于我的代码,当我将鼠标悬停在一个列表项上时,“删除这个”会针对所有列表项弹出,而不仅仅是一个列表项。当我尝试通过为单个列表项创建一个新组件来解决这个问题时,这似乎不起作用。非常感谢任何帮助!classToDosContainerextendsReact.Component{constructor(props){super(props)this.state={heading:'SomethingYouNeedToDo?',t

javascript - 如何在表示矩形的数组中获取与某个索引成对 Angular 线的元素

考虑一个数组,其长度总是两个数字的乘积。对于下面的数组,l是4,w是5。还有一个给定的索引。我想获得两个数组,其中包含位于穿过该特定索引的对Angular线上的元素。[0,1,2,3,45,6,7,8,910,11,12,13,1415,16,17,18,19]index=7=>[3,7,11,15]and[1,7,13,19]index=16=>[4,8,12,16]and[10,16]index=0=>[0,6,12,18]and[0]我试过以下方法:letarr=Array(20).fill().map((x,i)=>i);functiongetDias(arr,l,w,ind)

Javascript:触发了多个鼠标移出事件

我知道Javascript中的不同事件模型(WC3模型与Microsoft模型),以及冒泡和捕获之间的区别。然而,在阅读了有关此问题的各种文章几个小时后,我仍然不确定如何正确编写以下看似简单的行为:如果我有一个外部div和一个内部div元素,我希望在鼠标离开外部div时触发单个鼠标移开事件。当鼠标从inner-div穿过到outer-div时,什么也不会发生,当鼠标从outer-div穿过到inner-div时,什么也不会发生。当鼠标从外部div移动到周围页面时,该事件应该仅触发。现在,如果我将“mouseout”事件放在outer-div上,当鼠标从inner-div移动到周围页面时

javascript - OpenLayers 仅在鼠标移动结束后才具有重绘功能

在这种情况下,我使用来自OpenLayers的Map控件2.10.在map上我有基础层这是具有自定义功能的OpenLayers.Layer.OSM和OpenLayers.Layer.Vector。现在,当我使用鼠标移动map时,以前不可见的功能将不会重绘,直到释放鼠标按钮。我在所有OpenLayers示例中都注意到了同样的问题。任何人都可以提供某种解决方法来改变这种行为吗?我想要实现的是在要素变得可见后立即绘制要素或始终绘制所有要素(我使用少量要素,因此map控制的性能并不重要)。我目前的想法是处理map上的一些特定事件(如鼠标移动和单击)并强制要素重绘。

javascript - 拖动以像在 iPhone 中一样使用 jQuery 更改图像幻灯片

我正在为我的站点使用超大型jquery插件。它带有下一张和上一张幻灯片的按钮。我想在其中实现拖动更改功能。如果有人点击并将鼠标向右移动,它应该充当下一张幻灯片按钮。但是我如何使用jquery来实现呢?我怎么知道用户何时单击n向左/向右拖动http://buildinternet.com/project/supersized/ 最佳答案 jQuery将mouseUp、mouseDown和mouseMove识别为事件。您必须在mouseDown上捕获鼠标位置,在它移动时更新位置并将其与您最初捕获的位置进行比较。虽然这是高度理论化的,但请

javascript - jqGrid - 拖动一行以对其进行排序会搞砸单元格宽度

我的问题:当我在jqGrid中拖动一行并完成自定义重新加载功能时,网格的单元格(以前在定义网格时设置的所有不同宽度)被调整为都是一样的宽度。这种情况发生在Webkit浏览器中,但不会发生在Firefox中。代码:我在网格上启用了拖动排序:$mygrid.jqGrid('sortableRows',{update:function(e,ui){sort_grid(e,ui);}});如您所见,我有一个在拖动完成时调用的排序函数,sort_grid。在这里:functionsort_grid(e,ui){varcurrent_grid=$(ui.item[0]).closest('tabl

javascript - JQuery BlockUI 鼠标加载光标不会在 Google Chrome 中恢复为默认值

我的JQueryBlockUI鼠标加载光标在服务器响应后返回到FF中的默认光标,但在GoogleChrome中没有返回到默认光标,给人的印象是元素仍在加载。鼠标小Action。如何解决? 最佳答案 这是一个已知的Chromebug.当您访问该链接时,系统会建议一些解决方法。 关于javascript-JQueryBlockUI鼠标加载光标不会在GoogleChrome中恢复为默认值,我们在StackOverflow上找到一个类似的问题: https://sta